<template>
  <div class="m-account-list m-account-detail">
    <div class="list-item"
         :style="{ backgroundImage: `url(${accountDetailData.imagebg})`}">
      <div class="details" :style="{ backgroundImage: `url(${accountDetailData.imageright})`}">
        <h3 class="brand" :style="{ backgroundImage: `url(${accountDetailData.imageicon})`}">{{ accountDetailData.nameline1 }}</h3>
        <h2 class="name">{{ accountDetailData.nameline2 }}</h2>
        <h1 class="type">{{ accountDetailData.nameline3 }}</h1>
      </div>
    </div>
    <h1 class="fullname">{{ accountDetailData.nameline1 }}{{ accountDetailData.nameline2 }}{{ accountDetailData.nameline3 }}</h1>
    <div class="info clearfix">
      <div class="period">{{ accountDetailData.create_date}}至{{ accountDetailData.end_date}}</div>
      <div class="username">昵称：<span>{{ accountDetailData.nickname }}</span></div>
    </div>
    <router-view :data="accountDetailData"></router-view>
    <article class="regulation">
      <h2>账号试用细则</h2>
      <p>1、我们将严格限制每个账号出售的人次，为的是让购买者可以稳定的使用会员账号，请不要再去分享或多端登录，如因您的原因导致账号多人使用而无法享受会员服务，我们将不予解决，还将扣除您1V的信用等级。</p>
      <p>2、不同V级用户可以享受我们不久后推出的不同服务，我们会为您的信用买单，V级小于等于0的用户将不能使用我们APP的任何服务！</p>
      <p>3、如果您购买的账号有什么问题，请联系我们的客服微信号：《xiaoshulinapp》，或去首页购买记录里反馈。</p>
      <p>4、提供试用账号的用户请保持微信在线，账号提供后我们的微信客服会主动联系您，告知您账号审核情况。</p>
      <p>5、如果您有其它平台会员账号的使用愿望，也请在申请试用界面点击最下方的红色按钮反馈。</p>
      <p>6、我们会不断完善APP的功能和业务范围，如果您有什么好的想法和建议欢迎在APP里反馈给我们，希望您也可以成为我们的一员。</p>
    </article>
  </div>
</template>
<script scoped>
  import _ from 'lodash'
  import filters from '../assets/utils/filters.js'
  import Uid from '../assets/utils/uid.js'
  import api from '../assets/utils/api.js'
  import BuyButton from '../components/common/BuyButton.vue'
  export default {
    components: {
      'buy-button': BuyButton
    },
    data () {
      return {
        title: '购买帐号详情',
        accountDetailData: {}
      }
    },
    created () {
      // const uid = _.isNil(Uid.getUid()) ? '1' : Uid.getUid().uid
      Uid.getUid().then(res => {
        const uid = res.uid
        api.apiCall('accountAccountdetail', {
          uid: uid,
          aid: _.parseInt(this.$route.params.aid)
        }).then(data => {
          if (_.isString(data.returncode)) data.returncode = _.parseInt(data.returncode)
          switch (data.returncode) {
            case 0:
              this.accountDetailData = _.assign({}, this.accountDetailData, data)
              break
            case -1:
              console.error('accountAccountdetail接口返回错误：用户参数不正确')
              break
            case -2:
              console.error('accountAccountdetail接口返回错误：其他参数不正确')
              break
          }
        })
      })

      filters.init()
    },
    ready () {
      document.title = this.title
    }
  }
</script>
